.wrapper {
  width: var(--slide-width);
  margin: 0 auto;
  overflow: hidden;
}

.inner {
  display: flex;
  width: 100%;
  transform: translate3d(
    calc(-1 * var(--slide-step) * var(--slide-width)),
    0,
    0
  );
  transition: all var(--slide-animation-duration) ease-in-out;
}

.image {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: var(--slide-width);
  width: 100%;
  height: 100%;
  padding: var(--cui-spacings-giga);
  transition: all var(--slide-animation-duration) ease-in-out;
}

.controls {
  display: flex;
  justify-content: center;
}

.button {
  margin: var(--cui-spacings-byte);
}
